<!doctype html>
<html class="no-js">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>骏怡连锁-角色管理</title>
	<meta name="description" content="角色管理">
	<meta name="keywords" content="index">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="icon" type="image/png" href="/pages/favicon.ico">
	<meta name="apple-mobile-web-app-title" content="骏怡连锁" />
	<link rel="stylesheet" href="../css/amazeui.min.css" />
	<link rel="stylesheet" href="../css/admin.css">
	<script src="..ets/js/jquery.min.js"></script>
	<script src="../js/app.js"></script>
</head>

<body>
	<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧！ <a href="http://se.360.cn/" target="_blank">升级浏览器</a>以获得更好的体验！</p><![endif]-->
	</head>

	<body>
		<header class="am-topbar admin-header">
			<div class="am-topbar-brand">
				<img src="/pages/favicon.ico" />&nbsp;
				<span style="font-weight: bold;">骏怡连锁</span>
			</div>


		</header>

		<div class="am-cf admin-main">

			<div class="nav-navicon admin-main admin-sidebar">
				<div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：
					<span id="currentUser"></span>
				</div>
				<div class="sideMenu">
					<h3 class="am-icon-volume-up">
						<em></em>
						<a href="/pages/index.html">首页</a>
					</h3>
					<h3 class="am-icon-flag">
						<em></em>
						<a href="/pages/room.html">客房管理</a>
					</h3>
					<h3 class="am-icon-cart-plus on">
						<em></em>
						<a href="#"> 角色管理</a>
					</h3>
					<h3 class="am-icon-users">
						<em></em>
						<a href="/pages/employee.html">员工管理</a>
					</h3>
					<h3 class="am-icon-gears">
						<em></em>
						<a href="/pages/user.html">用户管理</a>
					</h3>
				</div>
				<!-- sideMenu End -->

				<script type="text/javascript">
					jQuery(".sideMenu").slide({
						titCell: "h3", //鼠标触发对象
						targetCell: "ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
						effect: "slideDown", //targetCell下拉效果
						delayTime: 300, //效果时间
						triggerTime: 150, //鼠标延迟触发时间（默认150）
						defaultPlay: true,//默认是否执行效果（默认true）
						returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
					});
				</script>

			</div>

			<div class=" admin-content">

				<div class="daohang">
					<ul>
						<li>
							<button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 角色管理 </li>
					</ul>
				</div>


				<div class="admin">
					<h1 align="center">角色列表</h1>
					<div class="am-g">
						<div class="am-u-sm-10"></div>
						<div class="am-u-sm-2">
							<button class="am-btn am-btn-warning">添加角色</button>
						</div>
					</div>
					<table align="center" class="am-table am-table-bordered am-table-striped am-table-hover" style="text-align:center">
						<thead>
							<tr>
								<th>职位名称</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>经理</td>
							</tr>
							<tr>
								<td>保安</td>
							</tr>
							<tr>
								<td>保洁</td>
							</tr>
							<tr>
								<td>前台</td>
							</tr>
						</tbody>
					</table>

				</div>

			</div>




		</div>

		<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/polyfill/rem.min.js"></script>
<script src="assets/js/polyfill/respond.min.js"></script>
<script src="assets/js/amazeui.legacy.js"></script>
<![endif]-->

		<!-- Sweet Alert -->
		<script src="/assets/js/sweetalert2.min.js"></script>
		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="assets/js/amazeui.min.js"></script>
		<!--<![endif]-->
		<script src="assets/js/script/public.js"></script>


	</body>

</html>